.title{
    font-size:120px;
    line-height:1.2;
    color:#222;
}
.sentence{
    font-size:35px;
    color:#222;
    line-height:1.5;
    text-align: center;
    padding: 0 10px;
    font-family: lucida grande,lucida sans unicode,lucida,helvetica,Hiragino Sans GB,Microsoft YaHei,sans-serif;
}
.content{
    font-size:18px;
    color:#555;
    line-height:1.5;
    text-align: center;
    padding: 0 10px;
    font-family: lucida grande,lucida sans unicode,lucida,helvetica,Hiragino Sans GB,Microsoft YaHei,sans-serif;
}
.sentence-wrapper{
    display: flex;
    flex-direction: column;
    height: 100%;
    align-items: center;
    justify-content: center;
    padding: 0 10px;
    
    width: 100%;
    height: 100%;
    line-height:2;

    position: absolute;   
    top: 42%;   
    left: 50%;   
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.smaller{
    font-size:30px;
}
.align-left{
    text-align:left;
}
@media screen and (max-width:600px){
    .title{font-size:80px}
    .sentence{font-size:25px}
    .content{font-size:12px}
    .smaller{font-size:22px}
    .smaller-fix{font-size:18px}
}
